/* ###################### Food Banner Section Styling ########################## */

.food-banner-section {
    height: 90vh;
    padding-top: 8rem;
    background-image: url('/images/food-img1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    animation: animate 60s infinite ease-in-out forwards alternate-reverse;
}

.food-banner-section .food-banner-items .food-banner-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90vh;
    background: rgba(0, 0, 0, 0.571);
}

@keyframes animate{
    0%{
        background-image: url(/images/food-img2.jpg);
    }
    25%{
        background-image: url(/images/food-img3.jpg);
    }
    50%{
        background-image: url(/images/food-img4.jpg);
    }
    75%{
        background-image: url(/images/food-img5.jpg);
    }
    100%{
        background-image: url(/images/food-img1.jpg);
    }
}

.food-banner-section .food-banner-items{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 1.6rem;
    color: white;
}

.food-banner-section .food-banner-items .food-banner-heading{
    text-align: center;
    z-index: 1;
}

.food-banner-section .food-banner-items .food-banner-heading .main-heading{
    font-size: 6rem;
    text-transform: uppercase;
    letter-spacing: -3px;
    text-shadow: 4px 3px 8px black;
}

.food-banner-section .food-banner-items .food-banner-heading .slogan{
    text-align: right;
    font-size: 2rem;
    font-family: 'Pacifico', cursive;
}


/* ###################### Bar Bites Section Styling ########################## */

.bar-bites .container .foods{
    padding: 0 6rem;
}

.bar-bites .container{
    background-image: url(/images/final-bar-bites.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bar-bites .container .container-overlay .fprice{
    width: 30%;
}

.bar-bites .container .container-overlay .fitem{
    width: 70%;
}


/* ###################### Appetizers Section Styling ########################## */

.appetizers .container{
    background-image: url(/images/final-appetizer.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/* ###################### Salad Section Styling ########################## */

.salad .container .foods{
    padding: 0 6rem;
}

.salad .container{
    background-image: url(/images/final-salad.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


/* ###################### Unicorn Appetizers Platter Section Styling ########################## */

.unicorn-appetizer-platter .container .foods{
    padding: 0 6rem;
}

.unicorn-appetizer-platter .container{
    background-image: url(/images/final-appetizer-platter.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.unicorn-appetizer-platter .container .foods .food-name .non-veg-heading{
    padding-left: 0;
    margin-top: 5rem;
}



/* ###################### Unicorn Signature Sizzlers Section Styling ########################## */

.unicorn-signature-sizzlers .container{
    background-image: url(/images/final-unicorn-signature-sizzlers.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.unicorn-signature-sizzlers .container .food-variety .note{
    border: 2px solid black;
    /* border: 2px solid white; */
    margin-top: 6rem;
    padding: 5rem 5rem 5rem 6rem;
    width: 100%;
    height: 20rem;
    background: rgba(255, 255, 255, 0.671);
    /* background: rgba(0, 0, 0, 0.671); */
}



/* ###################### Unicorn Mains Section Styling ########################## */

.unicorn-mains .container .foods{
    padding: 0 6rem;
}

.unicorn-mains .container .container-overlay .fprice{
    width: 30%;
}

.unicorn-mains .container .container-overlay .fitem{
    width: 70%;
}

.unicorn-mains .container{
    background-image: url(/images/final-unicorn-mains.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



/* ###################### Nanza Section Styling ########################## */


.nanza .container{
    background-image: url(/images/final-nanza.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



/* ###################### Special Tandoori Section Styling ########################## */

.special-tandoori .container .foods{
    padding: 0 6rem;
}

.special-tandoori .container{
    background-image: url(/images/final-special-tandoori.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.special-tandoori .container .foods .food-name .non-veg-heading{
    padding-left: 0;
    margin-top: 5rem;
}

.special-tandoori .container .container-overlay .fprice{
    width: 30%;
}

.special-tandoori .container .container-overlay .fitem{
    width: 70%;
}



/* ###################### Pasta Section Styling ########################## */

.pasta .container .foods{
    padding: 0 6rem;
}

.pasta .container{
    background-image: url(/images/final-pasta.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



/* ###################### Unicorn Signature Bunny Chow Section Styling ########################## */


.unicorn-signature-bunny-chow .container{
    background-image: url(/images/final-unicorn-signature-bunny-chow.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



/* ###################### Asian Rice & Noodles Section Styling ########################## */

.asian-rice-noodles .container .foods{
    padding: 0 6rem;
}

.asian-rice-noodles .container{
    background-image: url(/images/final-asian-rice-noodles.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.asian-rice-noodles .container .container-overlay .fprice{
    width: 30%;
}

.asian-rice-noodles .container .container-overlay .fitem{
    width: 70%;
}